
/*============== lpgin page css==============*/
#login-page{
  padding-top: 91px;
  @media(width:$mobile-max){
    padding-top:121px;
  }
  @media(width:$mobile){
    padding-top:170px;
  }
  @media(width:640px){
    padding-top:100px;
  }
  .breadcrumb{
    margin-left:-10px;
  }
  .container{
    padding: 0;
    margin: 0 auto;
    max-width: 990px;
  }
}
.login-wrap{
   margin:20px -10px 104px;
   width: 100%;
   float: left;
.login-form{

	border-right: 2px solid $light_grey;
     width: 100%;
     float: left;


     @media (max-width: $tablet-max)
     {
      border: none;
     }
   form {
   	 
    max-width: 370px;
   	border: 2px solid $black;
   	padding: 25px 15px 21px 18px;
   	float: left;
     
     .form-group{
			margin: 0px 0px 21px 0px;
			font-family: verdana;
			font-size: 12px;
			font-weight: bold;
			color: $black;
			text-transform: uppercase;
			text-align: left;
			span{
				color:#ff2948;
			}
     }
     .txtinput{
     	border:2px solid $black;
     	height: 38px;
     	text-transform: none;
     	border-radius: 0px;
    &:focus{
    	box-shadow: none;
    }
     	
    
     }

    label{
    	padding: 0px 0px 0px 15px;
    	text-align: left;
    }

    .notice{
    	font-size: 12px;
    	color:$dark_grey;
    	margin-bottom: 20px;
    	font-family: verdana;
    	span{
    		color:#ff2948;
    	}
    }

    }
}


.social-button{
	margin: 75px 0px 0px;
	width: 100%;
	float: left;
  img{
    min-width: 100%;
    @media(max-width:$mobile-max){
      min-width:0 !important;
    }
  }
		img:first-child{

			margin-bottom: 16px;
		}
	

}

}

.login-form{
   .click{
   margin-top: 20px;
   	width: 100%;
   	float: left;
   	min-height: 32px;
   	input[type=submit]:first-child{
	 
		@include button($black,$white,$yellow,$black);
			
		padding:12px 25px;
		font-family: verdana;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		
		margin-right: 12px;

	


}

input[type=submit]:nth-child(2)
	{
     
      	@include button($black,$white,$yellow,$black);
			
		font-family: verdana;
		font-size: 10px;
		font-weight: bold;
		padding:12px 25px;
		text-transform: uppercase;

     

	}
  }

  
  .forget{
  	a{
  	color: $dark_grey;
  	text-decoration: underline;
  	text-transform: uppercase;
  	font-family: verdana;
  	font-size: 10px;

  }
}
.gap{
	height: 16px;
	width: 100%;
	float: left;
}
}
